<template>
  <div style="color: #666;font-size: 14px;">

    <div style="padding-bottom: 5px" class="welcome">
      <b>您好！{{ user.nickname }},欢迎使用本系统</b>
    </div>

    <el-row :gutter="10" style="margin-bottom: 60px">
      <el-col :span="12">

        <el-card style="margin: 10px 0">

          <el-collapse accordion v-model="activeNames" v-for="(item, index) in notice" :key="index">
            <el-collapse-item :name="index + ''">
              <template slot="title">
                <span style="font-size: 20px; color: #E6A23C">{{ item.name }}</span><i style="color: #E6A23C"
                                                                                       class="header-icon el-icon-info"></i>
                <span style="margin-left: 20px">{{ item.time }}</span>
              </template>
              <div>
                <div style="padding: 10px 0">
                  <el-image :src="item.img"></el-image>
                </div>
                <div>{{ item.content }}</div>
              </div>
            </el-collapse-item>
          </el-collapse>
        </el-card>
      </el-col>

      <el-col :span="12" style="margin: 10px 0">
        <div id="he-plugin-standard"></div>
      </el-col>


    </el-row>
  </div>
</template>

<script>

export default {
  name: "Home",
  data() {
    return {
      activeNames: ['0'],
      user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {},
      notice: []

    }
  },
  created() {
  }

};
</script>

<style>
.welcome {
  background-color: whitesmoke;
}
</style>
